<style>
    .fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner{
        white-space: normal !important;
    }
/*    table.table-nowrap {
      tbody > tr > td, thead > tr > th {
        white-space: normal;
      }
    }*/
</style>

<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}"  ><i class="fa fa-refresh" ></i> </a>
                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('admin_chargedep/add')?'':'hide'}" title="{:__('Add')}" data-area='["100%","100%"]'><i class="fa fa-plus"></i> {:__('Add')}</a>
                        <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('admin_chargedep/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('admin_chargedep/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover "
                           data-operate-edit="{:$auth->check('admin_chargedep/edit')}"
                           data-operate-del="{:$auth->check('admin_chargedep/del')}"
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
